ul.entities-list {
  list-style: none;
}

.entity-search-widget {
  @import "twitter_typeahead";

  .entities-list {
    max-width: 100%;
    padding: 0;

    li {
      @extend .p-1;
      @extend .mt-1;
      @extend .d-flex;
      @extend .align-items-center;
      border: 1px solid $gray-light;
    }

    .entity-item {
      &.disabled {
        cursor: not-allowed;
        background-color: #eceeef;

        .material-icons {
          cursor: not-allowed;
        }
      }

      // thumbnail
      > .media-left {
        img {
          max-width: 50px;
          max-height: 50px;
        }
      }

      // text
      > .media-body {
        .label {
          @extend .mx-1;
        }

        // delete button
        i.entity-item-delete {
          float: right;
        }
      }

      // delete button
      i.entity-item-delete {
        color: $medium-gray;
        cursor: pointer;
      }
    }
  }

  .search-suggestion {
    img {
      width: 50px;
    }
  }
}
